<script setup>
</script>

<template>
<nav class="border-gray-200 dark:border-gray-600 dark:bg-gray-900">
    <div id="mega-menu-full-cta-dropdown" class="mt-1 bg-white border-gray-200 shadow-sm border-y dark:bg-gray-800 dark:border-gray-600" style="background-color: #CDD0D6;">
        <div class="grid max-w-screen-xl px-4 py-5 mx-auto text-sm text-gray-500 dark:text-gray-400 md:grid-cols-3 md:px-6">
            <ul class="space-y-4 sm:mb-4 md:mb-0" aria-labelledby="mega-menu-full-cta-button">
                <li>
                    <a href="http://www.csapa.org/straybase.htm" class="hover:underline hover:text-blue-600 dark:hover:text-blue-500" target="blank">
                        中国小动物保护协会
                    </a>
                </li>
                <li>
                    <a href="https://www.pohome.cn/about" class="hover:underline hover:text-blue-600 dark:hover:text-blue-500" target="blank">
                      汪汪喵呜孤儿院
                    </a>
                </li>
                <li>
                    <a href="https://www.bobocw.com/" class="hover:underline hover:text-blue-600 dark:hover:text-blue-500" target="blank">
                      波波宠物领养网
                    </a>
                </li>
                <li>
                    <a href="https://www.panggua.cc/" class="hover:underline hover:text-blue-600 dark:hover:text-blue-500" target="blank">
                      胖瓜流浪猫救助协会
                    </a>
                </li>
            </ul>
            <ul class="hidden mb-4 space-y-4 md:mb-0 sm:block">
                <li>
                    <a href="http://www.gcaid.cn/" class="hover:underline hover:text-blue-600 dark:hover:text-blue-500" target="blank">
                      ISAR互联网流浪动物救助平台
                    </a>
                </li>
                <li>
                    <a href="https://www.liulangla.cn/" class="hover:underline hover:text-blue-600 dark:hover:text-blue-500" target="blank">
                      流浪啦宠物领养网
                    </a>
                </li>
                <li>
                    <a href="https://www.gaprotect.org/about-us" class="hover:underline hover:text-blue-600 dark:hover:text-blue-500" target="blank">
                      Global Animal Protection
                    </a>
                </li>
                <li>
                    <a href="http://www.szadoptpet.com/" class="hover:underline hover:text-blue-600 dark:hover:text-blue-500" target="blank">
                      深圳宠物领养中心
                    </a>
                </li>
            </ul>
            <div class="mt-4 md:mt-0">
                <h2 class="mb-2 font-semibold text-gray-900 dark:text-white">万物之灵之首，应负万物之灵之责</h2>
                <p class="mb-2 text-gray-500 dark:text-gray-400">每拯救一个尾巴，就会带去一份希望，收获一份幸福。万物皆有灵且美，每一个小小的生命都值得尊重与爱护。伸出你我的双手，用爱心为流浪的小动物们筑起一个温暖的家，让世界因为拥有多样的生命而精彩～</p>
            </div>
        </div>
    </div>
</nav>
</template>
<style scoped> 

</style>